<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html"><head>
    <meta charset="utf-8">
    <title>{include file="common/title"}</title>

    <meta name="description" content="Dashboard">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <!--Basic Styles-->
    <link href="__DATA__/admin/style/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="__DATA__/date/dist/bootstrap-clockpicker.min.css">
    <link href="__DATA__/admin/style/font-awesome.css" rel="stylesheet">
    <link href="__DATA__/admin/style/weather-icons.css" rel="stylesheet">

    <!--Beyond styles-->
    <link id="beyond-link" href="__DATA__/admin/style/beyond.css" rel="stylesheet" type="text/css">
    <link href="__DATA__/admin/style/demo.css" rel="stylesheet">
    <link href="__DATA__/admin/style/typicons.css" rel="stylesheet">
    <link href="__DATA__/admin/style/animate.css" rel="stylesheet">

    <link rel="stylesheet" href="__DATA__/layui-v2.2.45/layui/css/layui.css" >
    <!--富文本编辑器-->
    <!-- 配置文件 -->
    <script type="text/javascript" src="__DATA__/static/ueditor/ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="__DATA__/static/ueditor/ueditor.all.js"></script>
    <link rel="stylesheet" type="text/css" href="__DATA__/static/ueditor/themes/default/css/ueditor.min.css" />
</head>
<body>
<!-- 头部 -->
{include file="common/top"}
<!-- /头部 -->

<div class="main-container container-fluid">
    <div class="page-container">
        <!-- Page Sidebar -->
        {include file="common/left"}
        <!-- /Page Sidebar -->
        <!-- Page Content -->
        <div class="page-content">
            <!-- Page Breadcrumb -->
            <div class="page-breadcrumbs">
                <ul class="breadcrumb">
                    <li class="active">商家信息管理</li>
                </ul>
            </div>

            <style>

                .panel-slide{position: relative;}
                .panel-slide .btnClose{position: absolute; top:-10px; right:-10px; width:30px; height: 30px; border-radius: 30px;background: #eee; font-size: 16px; cursor: pointer; color:#FFF; text-align: center; line-height: 30px}
                .panel-slide .btnClose:hover{background: red}
                .panel-slide .panel-body div{margin-top: 10px}
            </style>
            <style type="text/css">
                .nav-tabs>li>a:hover{
                    color: #333;
                    border-color: #31C2A5;
                    background-color: white;
                }
                .nav-tabs > li.active > a,.nav-tabs > li.active > a:hover{
                    background-color: #31C2A5;
                    color: white;
                    border-color: #31C2A5;
                }
                .nav.nav-tabs{border-color: #31C2A5;margin-top: 30px;}
            </style>
            <ul class="nav nav-tabs">

                <li class="active"><a href="{:url('business/info/gzhupdate')}">修改公众号二维码</a></li>
            </ul>
            <div class="main" style="background: white">
                <form action="{:url('business/info/gzhdo_update')}" method="post" class="form-horizontal form" enctype="multipart/form-data">
                    <!--<input type="hidden" name="parentid" value="" />-->
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            系统信息&nbsp;&nbsp;>&nbsp;&nbsp;门店信息>&nbsp;&nbsp;公众号二维码
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">公众号二维码</label>
                            <div class="col-sm-9 col-xs-12">
                                <div class="input-group ">
                                    <input type="file" class="btn btn-default" name="gzhimg">

                                </div>

                            </div>
                        </div>


                    </div>
            </div>
            <div class="form-group col-sm-12">
                <input type="submit"  value="确定" class="btn col-lg-3" style="color: white;background-color: #31C2A5;"/>
            </div>
            </form>
        </div>
        <!-- /Page Body -->
    </div>
    <!-- /Page Content -->
</div>
</div>
<!--Basic Scripts-->
<script src="__DATA__/admin/style/jquery_002.js"></script>
<script src="__DATA__/admin/style/bootstrap.js"></script>
<script src="__DATA__/admin/style/jquery.js"></script>
<!--Beyond Scripts-->
<script src="__DATA__/admin/style/beyond.js"></script>
<!--上传-->
<script src="__DATA__/layui-v2.2.45/layui/layui.js"></script>
<script>
    layui.use('upload', function(){
        var upload = layui.upload;

        //执行实例
        upload.render({
            elem: '#test2'
            ,url: '{:url('business/info/upload')}'
            ,multiple: true,accept: 'file'
            ,before: function(obj){
                //预读本地文件示例，不支持ie8
                obj.preview(function(index, file, result){
                    $('#demo2').append('<img style="width: 100px;height: 100px;margin-left: 20px"  src="'+ result +'" alt="'+ file.name +'" >')
                });

            }
            ,done: function(res){
                history.go();
            }
        });
    });
</script>
<!-- jQuery and Bootstrap scripts -->
<script type="text/javascript" src="__DATA__/date/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="__DATA__/date/assets/js/bootstrap.min.js"></script>

<!-- ClockPicker script -->
<script type="text/javascript" src="__DATA__/date/dist/bootstrap-clockpicker.min.js"></script>

<script type="text/javascript">
    $('.clockpicker').clockpicker()
        .find('input').change(function(){
        // TODO: time changed
        console.log(this.value);
    });
    $('#demo-input').clockpicker({
        autoclose: true
    });
    $('#demo-input2').clockpicker({
        autoclose: true
    });

    if (something) {
        // Manual operations (after clockpicker is initialized).
        $('#demo-input').clockpicker('show') // Or hide, remove ...
            .clockpicker('toggleView', 'minutes');
    }
</script>

</body></html>